<div class="row container-masonry magnific-popup-wrap" style="padding: 15px 0">
    <div class="col-sm-2">
        <ul id="index-cat-list" class="list-group square">
            <a class="list-group-item">Cras<span
                    class="badge badge-success">33</span></a>
            <a class="list-group-item">Dapibus<span
                    class="badge badge-danger">5</span></a>
            <a class="list-group-item">Morbi<span
                    class="badge badge-info">11</span></a>
            <a class="list-group-item">Porta<span
                    class="badge badge-warning">15</span></a>
            <a class="list-group-item">Vestibulum<span
                    class="badge badge-primary">75</span></a>
        </ul>
    </div>
    <div class="col-sm-10">
        <ol id="img-show-list">

        </ol>
    </div>
</div>